<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="../_include/lib.jsp"%>

<html>
<head>
<%@include file="../_include/style.jsp"%>
<%@include file="../_include/script.jsp"%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body class="white-bg">
	<div class="wrapper wrapper-content">
		<div class="row show-grid" style="text-align: center;">
			<div class="col-xs-1 grid-item">
				检测时间<br>
				<a class="btn btn-xs btn-link">${_detectTime}</a>
			</div>
			<div class="col-xs-1 grid-item">
				矿场总算力(G)<br>
				<a class="btn btn-xs btn-link">${_overview.overallRealD } / ${_overview.overallTheoryD }</a>
			</div>
			<div class="col-xs-1 grid-item">
				矿机总数<br>
				<a class="btn btn-xs btn-link">${_overview.numDetect} / ${_overview.numAll }</a>
			</div>
			<div class="col-xs-1 grid-item">
				检测到<br>
				<a class="btn btn-xs btn-info">${_overview.numDetail }</a>
			</div>
			<div class="col-xs-1 grid-item">
				未检测到<br>
				<a class="btn btn-xs btn-warning">${_overview.numFailure }</a>
			</div>
			<div class="col-xs-1 grid-item">
				合格数<br>
				<a class="btn btn-xs btn-success">${_overview.numPassed }</a>
			</div>
			<div class="col-xs-1 grid-item">
				不达标数<br>
				<a class="btn btn-xs btn-danger">${_overview.numUnpassed }</a>
			</div>
			<div class="col-xs-1 grid-item">
				合格率<br>
				<a class="btn btn-xs btn-link">${_overview.ratePassedD }%</a>
			</div>
		</div>

		<div class="row">
			排序方式 <a id="btnSortTimeAsc" class="sort-mode btn btn-primary"
				data-sort="timeasc"> 机架添加时间（正序） </a> <a id="btnSortTimeDesc"
				class="sort-mode btn btn-default" data-sort="timedesc">
				机架添加时间（倒序） </a> <a id="btnSortIPAsc" class="sort-mode btn btn-default"
				data-sort="ipasc"> 机架IP段（正序） </a> <a id="btnSortIPDesc"
				class="sort-mode btn btn-default" data-sort="ipdesc"> 机架IP段（倒序）
			</a>
		</div>

		<br>
		<div class="row">
			<c:forEach var="shelf" items="${_overview.shelfOverviews}">
				<div class="col-xs-1 grid-item">
					<div class="panel panel-default">
						<div class="panel-heading">
							<a href="javascript:void(0);" onclick="http://www.baidu.com">
								<div style="width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
									${shelf.minerShelfName }
								</div>
							</a>
						</div>
						<div class="panel-body">
							<table>
								<tr>
									<td>合格率:</td><td align="center"><a href="http://www.baidu.com">${shelf.ratePassed}%</a></td>
								</tr>
								<tr>
									<td>检测到:</td><td align="center"><a onclick="http://www.baidu.com" class="btn btn-xs btn-info">${shelf.numDetail}</a></td>
								</tr>
								<tr>
									<td>合格数:</td><td align="center"><a onclick="http://www.baidu.com" class="btn btn-xs btn-success">${shelf.numPassed}</a></td>
								</tr>
								<tr>
									<td>不达标:</td><td align="center"><a onclick="http://www.baidu.com" class="btn btn-xs btn-warning">${shelf.numUnpassed}</a></td>
								</tr>
								<tr>
									<td>未检测::</td><td align="center"><a onclick="http://www.baidu.com" class="btn btn-xs btn-danger">${shelf.numFailure}</a></td>
								</tr>
							</table>
						</div>
					</div>
				</div>
			</c:forEach>
		</div>
	</div>
</body>
</html>